<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="script/main.js" type="module" id="index"></script>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <nav>
        <div class="wrapper">
            <div class="nav-left">
                <ul>
                    <li><a href="#" class="nav-jt">首页</a></li>
                    <li><a href="#" class="nav-jt">华为官网</a></li>
                    <li><a href="#" class="nav-jt">花粉俱乐部</a></li>
                    <li><a href="#" class="nav-jt">V码(优购码)</a></li>
                    <li><a href="#" class="nav-jt">企业购</a></li>
                    <li><a href="#" class="nav-jt">Select Region</a></li>
                    <li><a href="#" class="nav-jt">更多精彩<div class="zd"></div></a>
                        <ul>
                            <li><a href="#">HarmonyOS</a></li>
                            <li><a href="#">应用市场</a></li>
                            <li><a href="#">华为终端云空间</a></li>
                            <li><a href="#">开发者联盟</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="nav-right">
                <ul>
                    <li>
                        <div class="login">
                            <a href="login.html" class="nav-jt">请登录</a>&nbsp;&nbsp;
                            <a href="registry.html" class="nav-jt">注册</a>
                        </div>
                        <div class="admin" style="display: none;">
                            <span style="color: blue;
                            font-size: 16px;
                            height: 36px;
                            line-height: 36px;"></span>
                            <a href="javascript:;" style="color: blue;
                            font-size: 14px;
                            height: 36px;
                            line-height: 36px;">退出</a>
                        </div>
                    </li>
                    <li><a href="#" class="nav-jt">我的订单</a></li>
                    <li><a href="#" class="nav-jt">客户服务<div class="zd"></div></a>
                        <!-- <ul>
                            <li><a href="#">服务中心</a></li>
                            <li><a href="#">联系刻骨</a></li>
                        </ul> -->
                    </li>
                    <li><a href="#" class="nav-jt">网站导航<div class="zd"></div></a>
                        <!-- <div class="subnav">
                            <div class="scsy">
                                <a href="#" class="tp"></a>
                                <a href="#">商城首页</a>
                            </div>
                            <div class="pd">
                                <h4>频道</h4>
                                <a href="#">华为专区</a>
                                <a href="#">企业购</a>
                                <a href="#">教育优惠</a>
                            </div>
                            <div class="cp">
                                <h4>产品</h4>
                                <table>
                                    <tr>
                                        <td><a href="#">手机</a></td>
                                        <td><a href="#">笔记本</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">平板</a></td>
                                        <td><a href="#">智能穿戴</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">智能家居</a></td>
                                        <td><a href="#">智慧屏</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">耳机音箱</a></td>
                                        <td><a href="#">热销配件</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="#">生态产品</a></td>
                                        <td><a href="#">增值服务</a></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="zzfw">
                                <h4>增值服务</h4>
                                <a href="#">以旧换新</a>
                                <a href="#">补够保障</a>
                                <a href="#">一口价换电池</a>
                            </div>
                            <div class="hypd">
                                <h4>会员频道</h4>
                                <a href="#">会员频道</a>
                            </div>
                        </div> -->
                    </li>
                    <li><a href="#" class="nav-jt">手机版<div class="zd"></div></a>
                        <!-- <div class="sjb">
                            <div class="app">
                                <a href="#"><img src="../img/FWETOIrFlCrX4xuB8E16.png" alt=""></a>
                                <div class="app-right">
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼<br>
                                        最高5000积分</p>
                                    <span class="az"></span>
                                    <span class="pg"></span>
                                    <span class="wx"></span>
                                </div>
                            </div>
                            <div class="gzh">
                                <div class="app">
                                    <a href="#"><img src="../img/20181116180507506.jpg" alt=""></a>
                                    <div class="app-right">
                                        <h2>华为商城公众号</h2>
                                        <p>微信扫一扫</p>
                                        <span class="wx"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="xcx">
                                <div class="app">
                                    <a href="#"><img src="../img/6Y7SW4v4hnJ9kl9fDC9d.jpg" alt=""></a>
                                    <div class="app-right">
                                        <h2>微信小程序</h2>
                                        <span class="wx"></span>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </li>
                    <li><a href="#" class="nav-jt">购物车(0)<div class="zd"></div></a>
                        <!-- <div class="gwc">
                            <span></span>
                            <p>您的购物车是空的，赶紧选购吧~</p>
                        </div> -->
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- <div class="wrapper">
        <div class="banner">
            <ul>
                <li class="show">
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/22135197032619153122.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/43194012822611049134.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/67700324032612300776.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/64005772032617750046.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/09792090922619029790.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/52967681132618676925.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://res.vmallres.com/pimages//pages/picImages/30497839922613879403.jpg" alt="">
                    </a>
                </li>
            </ul>
            <ol>
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <a href="javascript:;" class="left"></a>
            <a href="javascript:;" class="right"></a>
        </div>
    </div> 
    <main>

    </main> -->
</body>

</html>